<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--1.引入axios.js-->
    <script src="js/axios-0.18.0.js"></script>
</head>
<body>

</body>
</html>
<script>
    //1.使用axios发送get请求
   /* axios({
        method:'get',//请求的方式
        url:'http://localhost:8080/ajax/hello1?name=zs&id=1' //请求的地址
    }).then(function(resp){
        console.log(resp.data)
        alert("请求成功，返回的数据："+resp.data);//data表示的是响应回来的数据 resp是响应对象
    }).catch(function(error){
        //失败的操作
        console.log("错了");
       // error.message
    });*/

    //2.使用axios发送post请求
    //使用json对象模拟从表单里收集了数据
  /*  var student = {id:1,name:'张三',age:18,address:'山卡卡'}
    axios({
        method:'post',//请求的方式
        url:'http://localhost:8080/ajax/hello3',//请求的地址
        data:student //请求数据 可以是字符串可以是对象
    }).then(function(re){
        console.log(re.data);
    });*/


    /*axios的请求方法别名：完整的发送请求时，需要设置url method等配置项，显得比较繁琐，提供了请求的方法别名简化代码*/

    //使用axios.get(url[,config]) 请求别名发送get请求

  /*  axios.get('http://localhost:8080/ajax/hello1?name=zs&id=1').then(function(resp){
        console.log(resp.data);
    });*/


    //使用axios的请求方法别名发送post请求   axios.post(url[,data,config])
    var student = {id:1,name:'张三',age:18,address:'山卡卡'}
    axios.post('http://localhost:8080/ajax/hello3',student).then(function(resp){
        console.log(resp)
    })

    //开发中后期后使用四个常见的请求别名   get 用于查询    delete用于删除  post用于新增  put用于修改


</script>